<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">    
    <h:form id="formModificar">
        <p:dialog modal="true" 
                  header="#{bundle_usuario.label_modificar_titulo}" 
                  widgetVar="modificarDlg"> 
            <p:ajax event="close" listener="#{usuarioBacking.listarTodos}" update="@form" oncomplete="widgetUsuarios.filter()" />
            <p:panelGrid id="panelModificar" columns="2" style="width: 100%">  

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_codigo}" />
                <h:outputLabel value="#{usuarioBacking.selectedUsuario.usuCedula}" style="font-weight: bold" />

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_tipo}" />
                <p:selectOneMenu label="#{bundle_usuario.label_nuevo_modificar_tipo}"
                                 value="#{usuarioBacking.selectedUsuario.tusuCodigo}" 
                                 converter="converterTipoUsuario"
                                 style="width: 100%"> 
                    <f:selectItem itemLabel="#{bundle_comun.label_seleccione_registro}" itemValue="#{null}" />
                    <f:selectItems value="#{tipoUsuarioBacking.tiposUsuariosList}" 
                                   var="tu"
                                   itemLabel="#{tu.tusuCodigo} - #{tu.tusuNombre}" 
                                   itemValue="#{tu}" /> 
                </p:selectOneMenu>

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_nombre}" />
                <p:inputText size="50"
                             label="#{bundle_usuario.label_nuevo_modificar_nombre}"
                             required="true"
                             maxlength="50"
                             value="#{usuarioBacking.selectedUsuario.usuNombre}" />

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_login}" />
                <p:inputText size="50"
                             label="#{bundle_usuario.label_nuevo_modificar_login}"
                             required="true"
                             maxlength="50"
                             value="#{usuarioBacking.selectedUsuario.usuLogin}" />

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_cambiar_clave}" />
                <p:selectBooleanCheckbox value="#{usuarioBacking.cambiarClave}"> 
                    <p:ajax update="claveModificar, confirmationModificar" />
                </p:selectBooleanCheckbox>

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_clave}" />
                <p:password label="#{bundle_usuario.label_nuevo_modificar_clave}" 
                            readonly="#{!usuarioBacking.cambiarClave}"
                            id="claveModificar"
                            size="50" 
                            required="true"
                            match="confirmationModificar"
                            feedback="true"
                            maxlength="20"
                            value="#{usuarioBacking.selectedUsuario.usuClave}" />

                <h:outputLabel value="#{bundle_usuario.label_nuevo_modificar_confirme_clave}" />
                <p:password label="#{bundle_usuario.label_nuevo_modificar_confirme_clave}" 
                            readonly="#{!usuarioBacking.cambiarClave}"
                            id="confirmationModificar"
                            size="50" 
                            required="true"
                            feedback="false"
                            maxlength="20"
                            value="#{usuarioBacking.selectedUsuario.usuClave}" />

            </p:panelGrid>  
            <f:facet name="footer">  
                <p:commandButton value="#{bundle_comun.button_guardar}" 
                                 title="#{bundle_usuario.button_modificar_guardar}" 
                                 action="#{usuarioBacking.modificar}" 
                                 id="modificar"   
                                 update=":formGestion:messages, panelModificar, msgModificar"
                                 icon="ui-icon-check"
                                 style="margin:0"/>
                &nbsp;
                <p:commandButton value="#{bundle_comun.button_cerrar}"
                                 title="#{bundle_comun.button_cerrar}"
                                 type="button"
                                 icon="ui-icon-close"
                                 onclick="modificarDlg.hide()"/>
                <p:messages id="msgModificar" showSummary="false" showDetail="true" />
            </f:facet> 
        </p:dialog>
    </h:form>
</ui:composition>